<!--
 * @Description: 导入进件号
 * @Author 卞鹏飞 <228443632@qq.com>
 * @create 03/09/24 PM6:27
 -->
<!--setup-->
<script setup>
import { onMounted, getCurrentInstance } from 'vue'
import BaseUpload from '@/components/base-upload/index.vue' // 文件上传
import SvgIcon from '@/components/svg-icon/index.vue' // 图标组件

const { proxy } = getCurrentInstance()
const props = defineProps({})
const emit = defineEmits([])

/* 状态 */

/* 方法 */

/* 计算 */

/* 监听 */

/* 周期 */
onMounted(() => {})

/* 暴露 */
defineExpose({
  $: proxy.$
})
</script>

<!--render-->
<template>
  <article class="flex flex-col gap-4">
    <header class="flex h-10 items-center gap-4 bg-gray-50 px-4 text-text-primary">
      <h2>导入文件请务必按模板格式正确填写</h2>
      <button class="flex items-center gap-1 text-primary">
        <SvgIcon
          svg="upload/download"
          size="14"
        />
        下载模板
      </button>
    </header>

    <BaseUpload
      ref="uploadRef"
      class="w-full"
      template="import"
      :drag="true"
      accept=".xls,.xlsx"
      action="https://sit.tezixing.com/opr/api/zsap-system-server/sysFile/uploadFile"
    />
  </article>
</template>

<!--style-->
<style scoped lang="less"></style>
